<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的收藏</title>
    <link rel="stylesheet" href="../tab/css/reset.css">
    <link rel="stylesheet" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" type="text/css" href="../tab/css/style.css">
    <script src="../js/jquery/jquery.min.js"></script>
    <script src="../js/plugins/jrender/jrender.min.js"></script>

    <script src="../js/common.js"></script>



    <script>
        $(function () {
            var user = JSON.parse(sessionStorage.getItem('user'));

            $.get("/travelCollection/list",{userId:user.id},function (data) {

                $('.shoucang').renderValues(data,{
                    setHref:function (item,value) {
                        $(item).attr("href",$(item).data('href')+value);
                    }
                });

            })


            //---------------攻略列表------------------------
            $.get("/strategyCollection/list",{userId:user.id},function (data) {
                console.log(data);
                $('.gonglue').renderValues(data,{
                    setHref:function (item,value) {
                        $(item).attr("href",$(item).data('href')+value);
                    }
                });
            })
            
            $('.nav-search').click(function () {
                window.location.href="/mine/profiles.html"
            })
        })

    </script>
    <style>
        .tabSlider .ts-items .ts-item .ts-btn{
            background:unset;
            border:#0c80ba;
        }
    </style>
    <link rel="stylesheet" href="../Animate/animate.min.css">

</head>
<body>


<section class="htmleaf-container">

    <div class="landing-slider">

        <div class="tabSlider">
            <div class="ts-items">

                <!-- Single item -->
                <div class="ts-item is-active">
                    <div class="ts-banner"><img src="../tab/img/621.jpg" alt="alt goes here"/></div>
                    <div class="ts-container set-layout thumb-cont shoucang">
                        <div class="ts-thumbnail"><img src="../tab/img/iphone.png" alt="alt"/></div>

                        <div class="ts-content" render-loop="list">
                            <a data-href="/travelContent.html?id="  render-fun="setHref" render-key="list.travel.id"
                               class="ts-btn pull-right set-icon to-right">

                            <div class="ts-title" render-html="list.travel.title" ></div>
                                <span render-html ="list.collectionTime"></span>
                                <i class="fa fa-arrow-circle-right"></i>
                                </a>

                        </div>

                    </div>
                </div>

                <!-- Single item -->
                <div class="ts-item">
                    <div class="ts-banner"><img src="../tab/img/321.jpg" alt="alt goes here"/></div>
                    <div class="ts-container set-layout thumb-cont gonglue" >
                        <div class="ts-thumbnail"><img src="../tab/img/s3.png" alt="alt"/></div>
                        <div class="ts-content" render-loop="list">
                            <a data-href="/strategyDetails.html?id="  render-fun="setHref" render-key="list.strategy.id"
                               class="ts-btn pull-right set-icon to-right">
                            <div class="ts-title" render-html="list.strategy.title"></div>
                                <span render-html ="list.creatTime"></span>
                                <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Single item -->
                <div class="ts-item">
                    <div class="ts-banner"><img src="../tab/img/123.jpg" alt="alt goes here"/></div>
                    <div class="ts-container set-layout thumb-cont">
                        <div class="ts-thumbnail"><img src="../tab/img/lumia.png" alt="alt"/></div>
                        <div class="ts-content">
                            <div class="ts-title"> Lorem ipsum dolor sit amet</div>
                            <a href="" class="ts-btn pull-right set-icon to-right">
                                <span>Donec dignissim consectetur</span>
                                <small>Praesent at enim vel nibh</small>
                                <i class="fa fa-arrow-circle-right"></i> </a></div>
                    </div>
                </div>
            </div>
            <nav class="ts-control">
                <div class="ts-container">
                    <ul>
                        <li class="is-active"><i class="ts-icon auto"></i> <span>游记</span></li>
                        <li><i class="ts-icon auto"></i> <span>攻略</span></li>
                        <li><i class="ts-icon food"></i> <span>日报</span></li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>    <!--/tabSlider-->


</section>



<script type="text/javascript">
    $(function () {
        $('a').on('click', function () {
            return false;
        });

        // set item banner
        $('.ts-item').first().show();
        $('.ts-item').each(function () {
            var $this = $(this),
                _imgSrc = $this.find('.ts-banner img').attr('src');

            if (_imgSrc)
                $this.css('background-image', 'url(' + _imgSrc + ')');
        });

        $('.ts-control li').on('click', function () {
            var $this = $(this),
                _index = $this.index();

            $("li.is-active").removeClass("is-active");
            $(this).addClass("is-active");

            $('.ts-item.is-active').removeClass('is-active').fadeOut();
            $('.ts-item').eq(_index).addClass('is-active').fadeIn();

            return false;
        });

        var ww = $(window).width();
    });
</script>
<div class="nav-search">
    <button type="button"  class="btn animated bounceInUp " style="color: #1e7e34;">
        <span><i class="fa fa-angle-left fa-2x" >返回</i></span>
        </button>
        </div>



</body>
</html>